.custom-pagination {
  display: inline-flex;
  flex-direction: row;
  justify-content: center;
  flex-wrap: wrap;
  gap: 20px;

  .custom-pagination-list {
    display: inline-flex;
    flex-direction: row;
    justify-content: center;
    gap: 8px;

    .custom-pagination-list-item {
      font-size: 14px;
      line-height: 1;
      padding: 9px 6px;
      min-width: 36px;
      height: 36px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      background: transparent;
      border: none;
      border-radius: 5px;
      color: rgba(0, 0, 0, 0.4);

      &.is-activated {
        color: #000;

        &:hover {
          background: rgba(0, 0, 0, 0.08);
        }
      }

      &.is-current {
        background: rgba(0, 0, 0, 0.05);
        font-weight: 700;
      }

      .iconfont {
        font-size: 17px;

        &.icon-more {
          font-size: 18px;
        }
      }
    }
  }

  .custom-pagination-jump {
    display: inline-flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 10px;

    .custom-pagination-jump-title {
      font-size: 14px;
      line-height: 15px;
      color: #080255;
    }
  }

  .custom-pagination-pagesize {
    width: 100%;
    margin-top: 24px;
    display: inline-flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 10px;

    .custom-pagination-pagesize-title {
      font-size: 14px;
      line-height: 15px;
      color: #080255;
    }
  }
}
// ================================================================================
// breakpoints: 1024 768 640 480 375 320
// ================================================================================
@media (max-width: 480px) {
  .custom-pagination {
    .custom-pagination-list {
      gap: 5px;
      .custom-pagination-list-item {
        padding: 5px;
        width: 28px;
        min-width: 28px;
        height: 28px;
      }
    }

    // .custom-pagination-jump {
    //   .custom-pagination-jump-title {
    //   }
    // }
    // .custom-pagination-pagesize {
    //   .custom-pagination-pagesize-title {
    //   }
    // }
  }
}
